<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/zhuce.css">
</head>
<body>
    <div class="top">
        <div class="s clear::after">
            <span class="favorite">
                <span>★</span>  
                <a href="#">收藏商城</a>
            </span>
            <ul class="quick_list">
                <li class="loginbar">
                    <span>您好！欢迎来到商城!</span>
                    <a href="./denglu.html" class="one">[登录]</a>
                    &nbsp;
                    <a href="#">[免费注册]</a>
                </li>
            </ul>
        </div>
    </div>
    <div class="w">
            <div id="logo">
                <a href="#">
                    <img src="./images/zhongjiuloginlog.png" alt="商城" height="60">
                </a>
                <b>欢迎注册</b>
            </div>
    </div>

    <div class="content clearFix">
        <div class="mt">
            <div class="extra">
                <span>我已经注册,现在就&nbsp;
                    <a href="./denglu.html">登录</a>
                </span>
            </div>
        </div>
        <div class="center">
            <div class="form">
                <div class="phone">
                    <span>手机号码:</span>
                    <div class="item">
                        <input type="text" >
                        <span></span>
                    </div>
                    <div class="item1">
                        <input type="text" placeholder="请输入手机号码">
                    </div>
                </div>

                <div class="hk">
                    <span>滑块验证:</span>
                    <div class="box1">
                        请按住滑块,拖动到最右边
                        <span>>></span>
                    </div>
                </div>

                <div class="psw">
                        <span>请设置密码:</span>
                        <div class="item">
                            <input type="text" >
                            <span></span>
                        </div>
                        <div class="item1">
                            <input type="text" placeholder="6-20位字符，可使用字母、数字或符号的组合,不建议使用纯字母、纯数字、纯符号">
                        </div>
                </div>

                <div class="psw1">
                        <span>请确认密码:</span>
                        <div class="item">
                            <input type="text" >
                            <span></span>
                        </div>
                        <div class="item1">
                            <input type="text" placeholder="请再次输入密码">
                        </div>
                </div>

                <div class="yzm">
                    <span>手机验证码:</span>
                    <div class="item">
                        <input type="text">
                        <button>获取验证码</button>
                    </div>
                    <div class="item1">
                        <input type="text" placeholder="请输入验证码">
                    </div>
                </div>


               <div class="xy">
                   <div class="item">
                        <input type="checkbox"> &nbsp;我已阅读并同意《
                        <a href="#">用户注册协议</a>》
                   </div>
                   <div class="item1">
                       <input type="text" placeholder="请仔细阅读并同意以上协议">
                   </div>
               </div>


               <button class="zc">立即注册</button>
            </div>
        </div>
    </div>

    <div class="footer">
        <div class="bq">
            <p>Copyright©2004-2015&nbsp;&nbsp; 中酒网 &nbsp;版权所有</p>
        </div>
    </div>
    
</body>
</html>